<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    导入工具组件css-->
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <!--    导入工具组件js-->
    <script src="./lib/layui/layui.js"></script>

    <!--    导入自定义css和js-->
    <link rel="stylesheet" href="./static/css/main-page.css">
    <script src="./lib/jquery/jquery-3.4.1.min.js"></script>
</head>
<body>
<!--整体框架-->
<div class="layui-layout layui-layout-admin">
    <!--顶部导航栏-->
    <div class="layui-header">
        <div class="layui-logo">
            <a href="">6G网络项目</a>
        </div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!--            <li class="layui-nav-item"><a href="#">整体框架</a></li>-->
<!--            <li class="layui-nav-item"><a href="#">项目模块</a></li>-->
            <li class="layui-nav-item">
                <a href="javascript:">关于我们</a>
                <dl class="layui-nav-child">
                    <dd><a href="https://www.bupt.edu.cn/" target="_blank">北京邮电大学</a></dd>
                </dl>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;" id="user-menu">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="#">基本资料</a></dd>
                    <dd><a href="#">安全设置</a></dd>
                    <dd><a id="log-out-link" href="#">退出登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <!--左侧导航栏区域-->
    <div class="left-nav layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-this">
                    <a class="" href="./modules/overall/overall-structure.html" target="content-iframe">项目整体框架</a>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">边缘计算智能任务调度</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./modules/edgecompute/task-assign.html" target="content-iframe">任务分发协同处理</a></dd>
                        <dd><a href="./modules/edgecompute/offload.html" target="content-iframe">计算任务自适应卸载</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">全域资源智能迁移</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./modules/migrate/resource-migration.html" target="content-iframe">全域资源智能迁移</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">可信自主式弹性协同</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./modules/federated/federated-coordination.html" target="content-iframe">联邦学习资源弹性协同</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">数据可信共享的公平性和隐私性</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./modules/datashare/distributed-incentive.html" target="content-iframe">分布式激励机制</a></dd>
                        <dd><a href="./modules/datashare/distributed-pseudonym.html" target="content-iframe">分布式假名机制</a></dd>
                        <dd><a href="./modules/datashare/decentralized-authentication.html" target="content-iframe">分散网络认证</a></dd>
                        <dd><a href="./modules/datashare/manet-cluster.html" target="content-iframe">自组网分簇</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;" target="content-iframe">网络跨域协同</a>
                    <dl class="layui-nav-child">
                        <dd><a href="./modules/crossdomain/cross-domain-ca.html" target="content-iframe">基于区块链的跨域CA认证</a></dd>
                    </dl>
                </li>

            </ul>
        </div>

    </div>
    <!--内容主要展示区域-->
    <div id="content-iframe-holder" class="main-content layui-body" style="bottom: 0">
<!--        <iframe id="content-iframe" src="./modules/overall/overall-structure.html" frameborder="0" name="content-iframe" style="width:100%" height="500" scrolling="no" onload="setIframeHeight(this)"></iframe>-->
        <iframe id="content-iframe" src="./modules/overall/overall-structure.html" frameborder="0" name="content-iframe" style="width:100%" scrolling="yes"></iframe>

    </div>

<!--    &lt;!&ndash;    底部footer区域&ndash;&gt;-->
<!--    <div class="layui-footer">-->
<!--        &lt;!&ndash; 底部固定区域 &ndash;&gt;-->
<!--        Copyright © 2021 layui.com MIT Licensed-->
<!--    </div>-->
</div>

<script src="./static/js/main-page.js"></script>
<!--<script>-->
<!--    layui.use(['element'], function () {-->
<!--        const element = layui.element;-->
<!--    })-->

<!--    // console.log($('#content-iframe-holder'));-->
<!--    // console.log($('#content-iframe-holder').get(0).offsetHeight);-->
<!--    //设置iframe刚好适应对应container的高度-->
<!--    //减10是为了让浏览器外层右侧滚动条不显示-->
<!--    let iframeHeight = $('#content-iframe-holder').get(0).clientHeight - 10;-->
<!--    $('#content-iframe').attr('height', iframeHeight);-->
<!--</script>-->
</body>
</html>